layui.use(['layer','element','util'], function(){
        var element = layui.element(), layer = layui.layer, $ = layui.jquery, util = layui.util; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var side = $('.my-side');
        var body = $('.my-body');
        var footer = $('.my-footer');

        // 监听导航栏收缩
        $('.btn-nav').on('click', function(){
            if(localStorage.log == 0){
                localStorage.log = 1;
                navShow(50);
            }else{
                localStorage.log = 0;
                navHide(50);
            }
        });

        //监听侧边栏
        $('.my-item').on('click',function(){
           if($(this).hasClass("layui-nav-itemed")){
                $(this).siblings().removeClass("layui-nav-itemed");
           }
        });

        // 导航栏收缩
        function navHide(t){
            var time = t ? t : 100;
            side.animate({'left':-200},time);
            body.animate({'left':0},time);
            footer.animate({'left':0},time);
        }

        // 导航栏展开
        function navShow(t){
            var time = t ? t : 100;
            side.animate({'left':0},time);
            body.animate({'left':200},time);
            footer.animate({'left':200},time);
        }

        //监听导航(side)点击切换页面
        element.on('nav(side)', function (elem) {

            var card    = 'card';                                   // 选项卡对象
            var title   = elem.text();                              // 导航栏text
            var src     = elem.children('a').attr('href-url');      // 导航栏跳转URL
            var id      = new Date().getTime();                     // ID
            var flag    = getTitleId(card, title);                  // 是否有该选项卡存在
            // 大于0就是有该选项卡了
            if(flag > 0){
                id = flag;
            }else{
                //新增
                element.tabAdd(card, {
                    title: '<span>'+title+'</span>'
                    , content: '<iframe src="' + src + '" frameborder="0"></iframe>'
                    , id: id
                });
            }
            // 切换相应的ID tab
            element.tabChange(card, id);

        });

        // 根据导航栏text获取lay-id
        function getTitleId(card,title){
            var id = -1;
            $(document).find(".layui-tab[lay-filter=" + card + "] ul li").each(function(){
                if(title === $(this).find('span').text()){
                    id = $(this).attr('lay-id');
                }
            });
            return id;
        }

        // 监听控制content高度
        function init(){
            // 起始判断收缩还是展开
            /*if(localStorage.log == 0){
                navHide(1);
            }else{
                navShow(1);
            }*/
           // navShow(1000)
            // 选项卡高度
            cardTitleHeight = $(document).find(".layui-tab[lay-filter='card'] ul.layui-tab-title").height();
            // 需要减去的高度
            height = $(window).height() - $('.layui-header').height() - cardTitleHeight - $('.layui-footer').height();
            // 设置高度
            $(document).find(".layui-tab[lay-filter='card'] div.layui-tab-content").height( height - 2 );
        }

        // 自适应
        $(window).on('resize', function() {
            if($(this).width() > 1024){
                if(localStorage.log == 0){
                    localStorage.log = 1;
                    navShow();
                }
            }else{
                if(localStorage.log == 1){
                    localStorage.log = 0;
                    navHide();
                }
            }
            init();
        });

        // 初始化
        init();
        // 分辨率小于1024  使用内部工具组件
        if ($(window).width() < 1024) {
            util.fixbar({
                bar1: '&#xe602;'
                , css: {left: 10, bottom: 54}
                , click: function (type) {
                    if (type === 'bar1') {
                        //iframe层
                        layer.open({
                            type: 1,                        // 类型
                            title: false,                   // 标题
                            offset: 'l',                    // 定位 左边
                            closeBtn: 0,                    // 关闭按钮
                            anim: 0,                        // 动画
                            shadeClose: true,               // 点击遮罩关闭
                            shade: 0.8,                     // 半透明
                            area: ['150px', '100%'],        // 区域
                            skin: 'my-mobile',              // 样式
                            content: $('body .my-side').html() // 内容
                        });
                    }
                    element.init();
                }
            });
            localStorage.log = 0;
            navHide(1);
        }
    });